<!DOCTYPE html>
<html>
<meta charset="UTF-8"/>
<head>
    <title>网页版计算器</title>
    <link rel="stylesheet" type="text/css" href="calculator.css">
</head>
<body>
<div class="calculator">
    <input type="text" id="display" disabled>
    <div class="buttons">
        <button onclick="appendValue('7')">7</button>
        <button onclick="appendValue('8')">8</button>
        <button onclick="appendValue('9')">9</button>
        <button class="operator-button" onclick="appendValue('/')">÷</button>
        <button onclick="appendValue('4')">4</button>
        <button onclick="appendValue('5')">5</button>
        <button onclick="appendValue('6')">6</button>
        <button class="operator-button" onclick="appendValue('*')">×</button>
        <button onclick="appendValue('1')">1</button>
        <button onclick="appendValue('2')">2</button>
        <button onclick="appendValue('3')">3</button>
        <button class="operator-button" onclick="appendValue('-')">—</button>
        <button onclick="appendValue('0')">0</button>
        <button onclick="appendValue('.')">.</button>
        <button class="equal-button" onclick="calculate()">=</button>
        <button class="operator-button" onclick="appendValue('+')">+</button>
        <button onclick="clearDisplay()">C</button>
    </div>
</div>

<script src="calculator.js"></script>
</body>
</html>